<template>
 <div class="container">
    <PubTable
      :tableData="tableData"
      :page="page"
      :tableOption.sync="tableOption"
      @page-change="getList"
      @cell-click="cellClick">
        <template slot="ranks" slot-scope="scope">
		    <el-tag>{{ scope.row.name}}</el-tag>
        </template>
        <template slot="menu" slot-scope="scope">
            <el-button type="text" size="mini" icon="el-icon-delete"                  
                @click="deleteHandle(scope.row.id)">
              删除
            </el-button>
        </template>
    </PubTable>
  </div>
</template>

<script>
import PubTable from '@/components/PubTable/PubTable'
export default {
  components: {
    PubTable
  },
  data () {
    return {
      tableOption: [
        { label: '姓名', prop: 'name' },
        { label: '性别', prop: 'sex' },
        { label: '身份证号', prop: 'idNumber' },
        { label: '职务', prop: 'duty' },
        { label: '职级', prop: 'ranks', solt: true }
      ],
      page: {
        total: 0,
        current: 1,
        size: 10
      },
      tableData: []
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {},
    cellClick(e) {},
    deleteHandle() {}
  }
}
</script>

<style lang="scss" scoped>
  
</style>
